<!DOCTYPE html>
<html>
 <head>
  <title>项目二-1803-26-梁佰万</title>
  <meta charset="utf-8" />
  <title>Bootstrap 实例 - 简单的轮播（Carousel）插件</title>
	<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
  <link href="style.css" rel="stylesheet" type="text/css"/>
 </head>
 
 <body>
	项目二-1803-26-梁佰万
	<div id="Container">
	外框
	<div id="Login">
	<ul>
   <li><a href="register.html">登录</a></li>
   <li><a href="login.html">注册</a></li>

    </ul>	
	</div>
	<div id="Header">页眉
	<br/>
	<div id="Nav">
	<ul>
  <li><a class="active" href="index.html">主页</a></li>
  <li><a href="http://news.sohu.com">新闻</a></li>
  <li>
  <a href="search.html">潮货</a>
  </li>
  <li><a href="contact.html">联系</a></li>
  <li><a href="about.html">关于</a></li>
</ul>
	</div>
	
	
	<div id="PageBody">
		<div id="MainBody">
		纯情小郎君
		
		
		​

<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="http://pic17.nipic.com/20111031/8166867_002049106165_2.jpg" alt="First slide">
			<div class="carousel-caption">标题 1</div>
		</div>
		<div class="item">
			<img src="http://img1.xcarimg.com/album/2144/4498/m_20120214171512830487.jpg" alt="Second slide">
			<div class="carousel-caption">标题 2</div>
		</div>
		<div class="item">
			<img src="http://pic15.nipic.com/20110711/6426158_213550697001_2.jpg" alt="Third slide">
			<div class="carousel-caption">标题 3</div>
		</div>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
	    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
	    <span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
	    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
	    <span class="sr-only">Next</span>
	</a>
</div> 

		
		
		</div>
		<div id="SideBar">
		侧边栏
		</div>
		
		
		
	</div>
	<div id="footer"> </div>
  </div>
  
  </div>
  
  </body>
	
</html>